/**
 * Created by Toma on 2016/11/18.
 */

var H5 = function () {
  this.id = ('h5_' + Math.random()).replace('.', '_');
  this.el = $('<div class="H5" id="' + this.id + '"></div>').hide();
  this.page = [];
  $('body').append(this.el);

  /**
   * 新增一个页面
   * @param name 组件的名称，会加入的ClassName中
   * @param text  页内的默认文本
   * @returns {H5}  H5对象，可以重复使用H5对象支持的方法
   */
  this.addPage = function (name, text) {
    var page = $('<div class="h5_page"></div>');

    if(name){
      page.addClass('h5_page_' + name);
    }
    if(text){
      page.text(text);
    }

    this.el.append(page);
    this.page.push(page);
    return this;
  };

  /* 新增一个组件 */
  this.addComponent = function (name, cfg) {
    var cfg = cfg || {};
    cfg = $.extend({type: 'base'}, cfg);
    var component; // 储存元素组件
    var page = this.page.slice(-1)[0];
    // console.log(page);

    return this;
  };

  /* H5对象初始化呈现 */
  this.loader = function () {
    this.el.show();
  };

  // 如果有loading方法，用loading方法替换loader
  this.loader = typeof H5_loading == 'function' ? H5_loading : this.loader;
  
  return this;
};
